﻿var taskVue = new Vue({
    el: "#task-container",
    data: {

    },
    methods: {
        add: function () {
            layer.open({
                type: 1,//类型
                area: ['400px', '300px'],//定义宽和高
                title: '查看详细信息',//题目
                shadeClose: false,//点击遮罩层关闭
                content: $('#task_form')//打开的内容
            });
        }
    },
    created: function(){

    }
});

layui.use(['table','layer','form'], function () {
    var table = layui.table;

    //第一个实例
    table.render({
        elem: '#task_table'
        , height: 312
        , url: '/TaskBackGround/GetJobs' //数据接口
        , page: true //开启分页
        , cols: [[ //表头
            { field: 'id', type:'checkbox', title: 'ID', width: 80, fixed: 'left' }
            , { field: 'groupName', title: '分组', width: 130 }
            , { field: 'taskName', title: '作业名称', width: 130 }
            , { field: 'startTime', title: '開始執行時間', width: 120 }
            , { field: 'lastRunTime', title: '最后执行时间', width: 177 }
            , { field: 'interval', title: '间隔(Cron)', width: 120 }
            , { field: 'status', title: '状态', width: 80 }
            , { field: 'describe', title: '描述', width: 120 }
            , { field: 'apiParams', title: '参数', width: 135 }
            , { field: 'apiUrl', title: 'ApiUrl', width: 260 }
            , { field: 'requestType', title: '请求方式', width: 135 }
            , {
                field: 'operat', title: '操作', width: 250, templet: function (d) {
                    var oph = "<div class='layui-btn-group'>";

                    oph += "<button type='button' class='layui-btn layui-btn-sm'><i class='layui-icon'>&#xe642;</i></button >";
                    oph += "<button type='button' class='layui-btn layui-btn-sm'><i class='layui-icon'>&#xe640;</i></button >";
                    oph += "<button type='button' class='layui-btn layui-btn-sm'><i class='layui-icon'>&#xe602;</i></button >";
                    oph += "<input type='checkbox' name='switch' lay-skin='switch' lay-text='运行|暂停'>";
                    oph += "</div>";
                    return oph;
                },
                fixed: 'right'
            }
        ]]
    });

});



function refresh() {
    axios({
        method: 'post',
        url: "/TaskBackGround/GetJobs",
        data: {},
        headers: { 'Content-Type': 'application/json;charset=UTF-8' }
    }).then(function (response) {
         console.log(response.data)
    }).catch(function (error) {
        if (error.response.status === 401) {
            return window.location.href = '/home/index';
        }
        $taskVue.$Message.success('出错啦!');
        console.log(error);
    });
}

refresh();